<div class="middle surface-shaded">
  <div class="middle-content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-10">
          <breadcrumbs breadcrumbs="breadcrumbs"></breadcrumbs>
          <div class="mar-top-xl">
            <h1>Create Config Map</h1>
            <div class="help-block">
              Config maps hold key-value pairs that can be used in pods to read application
              configuration.
            </div>
            <form name="createConfigMapForm" class="mar-top-xl">
              <fieldset ng-disabled="disableInputs">
                <edit-config-map model="configMap" show-name-input="true"></edit-config-map>
                <div class="button-group gutter-top gutter-bottom">
                  <button type="submit"
                      class="btn btn-primary btn-lg"
                      ng-click="createConfigMap()"
                      ng-disabled="createConfigMapForm.$invalid || disableInputs"
                      value="">Create</button>
                  <a class="btn btn-default btn-lg" href="" ng-click="cancel()" role="button">Cancel</a>
                </div>
              </fieldset>
            </form>
          </div>
        </div><!-- /col -->
      </div><!-- /row -->
    </div><!-- /container -->
  </div><!-- /middle-content -->
</div><!-- /middle -->
